<template>
  <div class="c-ph40">
    <div class="c-flex-row c-flex-center c-fs24 c-pt50 c-p c-fw600">
      <div v-if="workType == 4">奖金规则</div>
      <div v-else>打卡奖金规则</div>
      <div class="bg-border c-ww180 theme-bg-10"></div>
    </div>
    <div class="c-fc-sblack c-fs24 c-lh40 c-pt30">
      <p v-if="workType == 4">1、训练营奖金是由创建人开启，为学员设置一个打卡目标，学员可以自愿选择是否购买课程参与</p>
      <p v-else>1、打卡奖金是由创建人开启，为学员设置一个打卡目标，学员可以自愿选择是否购买课程参与</p>
      <p v-if="workType == 1">2、参与者须支付奖金放入奖学金池，完成打卡目标后就能平分奖金池里的总奖金。</p>
      <p v-else-if="workType == 3">2、参与者须支付奖金放入奖学金池，完成闯关打卡后就能全部或按一定比例拿回奖金。</p>
      <p v-else-if="workType == 4">2、参与者须支付奖金放入奖学金池，完成训练营目标后就能平分奖金池里的总奖金。</p>
      <p>注：若不能完成目标，将损失全部奖金。</p>
    </div>
    <div class="c-flex-row c-flex-center c-fs24 c-pt80 c-p c-fw600">
      <div>审核返还奖金事宜</div>
      <div class="bg-border c-ww220 theme-bg-10"></div>
    </div>
    <div class="c-fc-sblack c-fs24 c-lh40 c-pt30">
      <p v-if="workType == 1">1、该课程打卡结束后12小时内是审核期，期间创建人有权删除不按要求，提交无效内容的打卡记录。</p>
      <p v-else-if="workType == 3">1、若该闯关打卡在当天12点前完成，则会在当天24点时返回奖金，期间是审核时间，创建人有权删除不按要求，提交无效内容的打卡记录。</p>
      <p v-else-if="workType == 4">1、该训练营结束后12小时内是审核期，期间创建人有权删除不按要求，提交无效内容的学习记录。</p>
      <p v-if="workType == 1">2、如果学员完成该课程所有打卡，则奖金平分到打完卡的每个学员平台账户；如果所有学员因系统问题全部都没去打卡，则奖金奖返还到每个学员平台账户。</p>
      <p v-else-if="workType == 3">2、若该闯关打卡在当天12点后完成，则会在第二天12点时返还奖金，期间是审核时问创建人有权删除不按要求，提交无效内容的打卡记录。</p>
      <p v-else-if="workType == 4">2、如果学员完成该训练营所有环节，则奖金会平分到完成训练营的每个学员平台账户；如果所有学员因系统问题全部都没去完成，则奖金奖返还到每个学员平台账户。</p>
      <p v-if="workType == 4">3、训练营结束后，完成课程的学员可以在个人中心我的奖学金里的收入明细查看返回的奖金。</p>
      <p v-else>3、打卡审核结束后，完成打卡的学员可以在个人中心----我的奖学金----收入明细查看返回的奖金。</p>
      <p>4、有任何问题欢迎联系客服。</p>
    </div>

  </div>
</template>

<script>
export default {
  name: "BonusRules",
  components: {},
  props: [],
  data() {
    return {
      workType: 1
    };
  },
  activated() {
    this.$store.commit('updateLoadingStatus', {
      isLoading: false
    });
    this.workType = this.$route.query.workType;
    setDocumentTitle("奖金细则");// eslint-disable-line
  },
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>
.bg-border {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  height: 0.35rem;
  /* background-color: #ff7800; */
  /* opacity: 0.3; */
}
</style>
